<?php
/**
 *
 * PHP 5
 *
 * CakePHP(tm) : Rapid Development Framework (http://cakephp.org)
 * Copyright 2005-2012, Cake Software Foundation, Inc. (http://cakefoundation.org)
 *
 * Licensed under The MIT License
 * Redistributions of files must retain the above copyright notice.
 *
 * @copyright     Copyright 2005-2012, Cake Software Foundation, Inc. (http://cakefoundation.org)
 * @link          http://cakephp.org CakePHP(tm) Project
 * @package       app.View.Layouts
 * @since         CakePHP(tm) v 0.10.0.1076
 * @license       MIT License (http://www.opensource.org/licenses/mit-license.php)
 */
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<?php echo $this->Html->charset(); ?>
	<title>
		<?php echo __('CakePHP: the rapid development php framework:'); ?>
		<?php echo $title_for_layout; ?>
	</title>
	<?php
		echo $this->Html->meta('icon');
		echo $this->Html->css('cake.backend');
		echo $this->Html->script('jquery-1.8.1.min');
		echo $this->Html->script('hideshow');
		echo $this->Html->script('jquery.equalHeight');

		echo $this->fetch('meta');
		echo $this->fetch('css');
		echo $this->fetch('script');
	?>
	<script type="text/javascript">
		$(document).ready(function() {
			//When page loads...
			$(".tab_content").hide(); //Hide all content
			$("ul.tabs li:first").addClass("active").show(); //Activate first tab
			$(".tab_content:first").show(); //Show first tab content
			//On Click Event
			$("ul.tabs li").click(function() {
				$("ul.tabs li").removeClass("active"); //Remove any "active" class
				$(this).addClass("active"); //Add "active" class to selected tab
				$(".tab_content").hide(); //Hide all tab content
				var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
				$(activeTab).fadeIn(); //Fade in the active ID content
				return false;
			});
		});
  </script>
  <script type="text/javascript">
    $(function(){
        $('.column').equalHeight();
    });
	</script>
</head>
<body>
	<header id="header">
		<hgroup>
			<h1 class="site_title"><a href="index.html">CAKECom Admin</a></h1>
			<h2 class="section_title"></h2>
			<ul id="tcontrol" class="btn_view_site">
				<li><a href="#" class="ict-link website">Website</a></li>
				<li><a href="#" class="ict-link task">Công việc</a></li>
				<li><a href="#" class="ict-link logout">Đăng xuất</a></li>
			</ul>
		</hgroup>
	</header> <!-- end of header bar -->
	
	<div id="wrapper">
		<section id="secondary_bar">
			<div class="user">
				<p>John Doe (<a href="#">3 Messages</a>)</p>
				<!-- <a class="logout_user" href="#" title="Logout">Logout</a> -->
			</div>
			<div class="breadcrumbs_container">
				<article class="breadcrumbs"><a href="index.html">Website Admin</a> <div class="breadcrumb_divider"></div> <a class="current">Dashboard</a></article>
			</div>
		</section><!-- end of secondary bar -->
	
		<aside id="sidebar" class="column">
			<h3>Content</h3>
			<ul class="toggle">
				<li class="icn_new_article"><a href="#">New Article</a></li>
				<li class="icn_edit_article"><a href="#">Edit Articles</a></li>
				<li class="icn_categories"><a href="#">Categories</a></li>
				<li class="icn_tags"><a href="#">Tags</a></li>
			</ul>
			<h3>Users</h3>
			<ul class="toggle">
				<li class="icn_add_user"><a href="#">Add New User</a></li>
				<li class="icn_view_users"><a href="#">View Users</a></li>
				<li class="icn_profile"><a href="#">Your Profile</a></li>
			</ul>
			<h3>Media</h3>
			<ul class="toggle">
				<li class="icn_folder"><a href="#">File Manager</a></li>
				<li class="icn_photo"><a href="#">Gallery</a></li>
				<li class="icn_audio"><a href="#">Audio</a></li>
				<li class="icn_video"><a href="#">Video</a></li>
			</ul>
			<h3>Admin</h3>
			<ul class="toggle">
				<li class="icn_settings"><a href="#">Options</a></li>
				<li class="icn_security"><a href="#">Security</a></li>
				<li class="icn_jump_back"><a href="#">Logout</a></li>
			</ul>
		
			<footer>
				<hr />
				<p><strong>Copyright &copy; 2011 Website Admin</strong></p>
				<p>Theme by <a href="http://www.medialoot.com">MediaLoot</a></p>
			</footer>
		</aside><!-- end of sidebar -->
	
		<section id="main" class="column">		
			<?php echo $this->Session->flash(); ?>
			<?php echo $this->fetch('content'); ?>
			<div class="clear"></div>
			<div class="spacer"></div>
		</section>
	</div> <!-- end #wrapper -->
	<?php echo $this->element('sql_dump'); ?>
</body>
</html>
